

.leftnav {
  width: 210px;
  float: left;
  position: fixed;
  top: 60px;
  bottom: 0;
}
.fixd-head{
  position: fixed;
  width: 100%;

}
.content {
  position: relative;
  .c-header {
    position: fixed;
    top: 0;
    left: 210px;
    right: 0;
    z-index: 1;
  }
}

ul {
  margin-top: 0;
}

.content-bottom {
  position: relative;
  top: 62px;
}
.pageInUp-enter-active {
  animation: pageInUp .25s ease-in-out;
}
.pageInUp-leave-active {
  //animation: pageOutUp .25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@keyframes pageInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pageOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
}
